<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head><?php require_once('inc/head.php'); ?></head>
<body>
<div id="sandbar">
    <span class="blueBar"></span>
    <span class="orangeBar"></span>
    <div id="sbarMiddle" class="wrapper">
    	<div class="sbarLeft">
    		<div class="ntLogo"></div>
        </div>
        <div class="twistBar"></div>
        <div class="sbarRight">
            <div class="nav">
                <ul class="mainNav">
                    <li><a href="#">Hot</a></li>
                    <li><a href="#">Fresh</a></li>
                </ul>
            </div>
            <div class="settings">
                <div id="showSettings" class='userInfo show'>
                    <div class="avatarThumb left"><img src='img/avatarThumb.png' /></div>
                    <div class="name left">ptamzz</div>
                    <span class="gbma"></span>
                </div>
                <div class="clear"></div>
                <ul id="settingsWrap" class="settingsMenu hide">
                    <li><a href="#">Edit Profile</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div id="mainBody" class="wrapper">
    <div id="leftCol" class="left">
    	<div id="search" class="">
        	 <div id="search-form" action="" >  
                <span class="glass"><i></i></span> 
                <input value="" placeholder="Search" name="q" id="search-query" type="text" />
            </div>
        </div>
        <div id="registration">
        	<h1>First Time user?</h1>
            <!-- Reg Form Starts -->
            <div id="regForm">
                <p>Create your account here</p>
                <form id="usr-reg" autocomplete="off">
                    <div id="sign-up" method="POST">
                        <div class="regFrmItem">
                            <label id="usernameLabel" class="formLabel">Username</label>
                            <input id="regUserame" name="Username" class="regInputItem ghost_text" placeholder="a-z, 0-9, No Space" type="text">
                            <div id="reg-name-error" class="error-msg hide clear n-msg">
                                <span id="reg-name-invalid" class="hide n-msg">Your username is invalid. Special Characters & Space are not allowed.</span>
                                <span id="reg-name-null" class="hide n-msg">You have left your name blank.</span>
                                <span id="reg-name-exist" class="hide n-msg">The username already exists.</span>
                                <span id="reg-name-length" class="hide n-msg">Username should be more than 5 characters.</span>
                            </div>
                        </div>
                        <div class="regFrmItem">
                            <label id="emailLabel" class="formLabel">Email</label>
                            <input id="regEmail" name="email" class="regInputItem ghost_text" placeholder="james@bond.com" type="text">
                            <img id="reg-loading"  class="hide" src="img/loading.gif" />
                            <div id="reg-error" class="error-msg hide clear e-msg">
                                <span id="reg-true" class="hide e-msg">Your email is already registered. Please use another one or <a id="loginHere" href="#">login here</a>.</span>
                                <span id="reg-null" class="hide e-msg">Oops, you left the email field blank.</span>
                                <span id="reg-invalid" class="hide e-msg">Your email seems to be invalid.</span>
                            </div>
                        </div>
                        <div class="regFrmItem">
                            <label id="pwdLabel" class="formLabel">Password</label>
                            <input id="regPwd" name="pwd" class="regInputItem ghost_text" placeholder="Password" type="password">
                            <div id="reg-pwd-error" class="error-msg hide clear p-msg">
                                <span id="reg-pwd-null" class="hide p-msg">Please enter your password.</span>
                                <span id="reg-pwd-length" class="hide p-msg">Password should be more than 5 characters.</span>
                            </div>
                        </div>
                        <div class="regFrmItem">
                            <input id="terms" name="Terms" type="checkbox" value="agree" />
                            <label class="formLabel">I agree to these <a href="#" id="termsClick">Terms & Conditions</a></label>
                        </div>
                        
                        <button id="regBtn" name="regBtn" type="button" class="btnO">Sign Up</button>
                        <div class="clear"></div>
                    </div>
                    <fb:login-button id="fb_connect" class="marginLeft110"  perms="email,user_birthday,publish_stream,user_location,user_hometown">FaceBook Connect</fb:login-button>
                    <div class="regFrmItem formLabel"><a href="forgot.php">Forgot your Password?</a></div>
                </form>
            </div>  
            <!-- Reg Form Ends -->
        </div>
    
    </div>
    <div id="rightCol" class="left">
    	<div id="newStory" class="">
        	<form id="fNewStory" method="POST">
            	<div class="formNameWrap"><label>Give a title to your story</label></div>
                <span id="hideNSFrm" class="hide">X</span> 
                <input id="sTitle" name="stryTitle" class="inputItem" placeholder="Johny's Life" ></input>
                <div id="frmNewStoryLoading" class="loading left"></div>
                <div id="hideSFrm" class="clear hide">
                    <div class="formNameWrap"><label>Write the first line of your story</label></div>
                    <textarea id="sLine" class="inputItem" name="tarea" placeholder="Start a new Story"></textarea>
                    <input id="postNS" name="postNS" type="button" value="Post" class="btnB"/>
                    <div class="clear"></div>
                </div>
            </form>
        </div>
    	<div id="content" class="">
        	<!-- One Starts -->
        	<div class="topShadow"></div>
            <div class="story">
            <!-- Story list -->
                <h1>Test Notifications</h1> 
                <ul id="updates" class="timeline"> 
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>1</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                                <!--<div class="lineMtaItem"><span class='bubbleIcon'></span><a href="#">3 Comments</a></div>
                                <div class="lineMtaItem"><span class='likeIcon'></span><a href="#">12 Likes</a></div>
                                <div class="lineMtaItem"><span class='dislikeIcon'></span><a href="#">6 Dislikes</a></div>-->
                            </div>
                        </div> 
                        <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>ptamzz</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>nobelist</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>2</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>3</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>4</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>5</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                </ul>
           	<!-- Story lines ends --> 
            	<span class='readMore'><a href="#">Read 24 More lines</a></span>
        	</div>
            <div class="bottomShadow"></div>
            
            <!-- Two Starts -->
            <div id="twistTopS" class="topShadow"></div>
            <div class="story">
            <!-- Story list -->
                <h1>Test Notifications</h1> 
                <ul id="updates" class="timeline"> 
                	<li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>1</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                                <!--<div class="lineMtaItem"><span class='bubbleIcon'></span><a href="#">3 Comments</a></div>
                                <div class="lineMtaItem"><span class='likeIcon'></span><a href="#">12 Likes</a></div>
                                <div class="lineMtaItem"><span class='dislikeIcon'></span><a href="#">6 Dislikes</a></div>-->
                            </div>
                        </div> 
                        <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>ptamzz</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>nobelist</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>2</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>3</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>4</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>5</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                </ul>
                <span class='readMore'><a href="#">Read 24 More lines</a></span>
           	<!-- Story lines ends --> 
        	</div>
            <div id="twistBottomS" class="bottomShadow"></div>
            
            <!-- Three Starts -->
            <div id="twistTopS" class="topShadow"></div>
            <div class="story">
            <!-- Story list -->
                <h1>Test Notifications</h1> 
                <ul id="updates" class="timeline"> 
                 	<li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>1</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                                <!--<div class="lineMtaItem"><span class='bubbleIcon'></span><a href="#">3 Comments</a></div>
                                <div class="lineMtaItem"><span class='likeIcon'></span><a href="#">12 Likes</a></div>
                                <div class="lineMtaItem"><span class='dislikeIcon'></span><a href="#">6 Dislikes</a></div>-->
                            </div>
                        </div> 
                        <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>ptamzz</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>nobelist</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>2</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>3</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>4</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>5</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                </ul>
           	<!-- Story lines ends --> 
            	<span class='readMore'><a href="#">Read 24 More lines</a></span>
        	</div>
            <div id="twistBottomS" class="bottomShadow"></div>
            
            <!-- Four Starts -->
            <div id="twistTopS" class="topShadow"></div>
            <div class="story">
            <!-- Story list -->
                <h1>Test Notifications</h1> 
                <ul id="updates" class="timeline"> 
                 	<li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>1</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                                <!--<div class="lineMtaItem"><span class='bubbleIcon'></span><a href="#">3 Comments</a></div>
                                <div class="lineMtaItem"><span class='likeIcon'></span><a href="#">12 Likes</a></div>
                                <div class="lineMtaItem"><span class='dislikeIcon'></span><a href="#">6 Dislikes</a></div>-->
                            </div>
                        </div> 
                        <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>ptamzz</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>nobelist</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>2</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>3</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>4</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>5</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                </ul>
           	<!-- Story lines ends --> 
            	<span class='readMore'><a href="#">Read 24 More lines</a></span>
        	</div>
            <div id="twistBottomS" class="bottomShadow"></div>
            
            
            <!-- Five Starts -->
            <div id="twistTopS" class="topShadow"></div>
            <div class="story">
            <!-- Story list -->
                <h1>Test Notifications</h1> 
                <ul id="updates" class="timeline"> 
                 	<li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>1</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                                <!--<div class="lineMtaItem"><span class='bubbleIcon'></span><a href="#">3 Comments</a></div>
                                <div class="lineMtaItem"><span class='likeIcon'></span><a href="#">12 Likes</a></div>
                                <div class="lineMtaItem"><span class='dislikeIcon'></span><a href="#">6 Dislikes</a></div>-->
                            </div>
                        </div> 
                        <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>ptamzz</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>nobelist</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>2</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>3</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>4</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>johny</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>newbie</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                    <li id='29' class='eachLine' data-id='29'> 
                        <div class='strMta left'>5</div> 
                        <div class='strLine left'>
                            <p>I wish there was a button on Amazon where I could plant a tree when I buy something non-eco friendly or greenwashed.</p>
                            <div class="lineMta">
                                <div class="lineMtaItemOne"><span class='timeagoIcon'></span><abbr class='timeago' title='about 11 days ago'>about 11 days ago</abbr></div>
                            </div>
                        </div> 
                         <div class='strInfo left'> 
                            <a href='#' class="avatar"><img src='img/avatarThumb.png' width='40' height='40' /></a> 
                            <a href='#' class="username"><span class='left'>jamesbond</span></a> 
                            <div class='rep left'> 
                                <span class='bronze'></span><span class='credits'>Aspiring writer</span> 
                            </div> 
                        </div> 
                        <div class='clear'></div> 
                    </li>
                </ul>
           	<!-- Story lines ends --> 
            	<span class='readMore'><a href="#">Read 24 More lines</a></span>
        	</div>
            <div id="twistBottomS" class="bottomShadow"></div>
        </div>
        <div class="pagination">
        	<input name="previous" type="button" value="Previous Stories" class="btnB"/>
            <input name="next" type="button" value="Next Stories" class="btnB"/>
        </div>
    </div>
</div>
<div id="overlay" class="hide"></div>
<div id="modalWrap" class="hide"><div id="mClose" class="modalClose">x</div><div id="modalCon"></div></div>
</body>
</html>